<template>
    <div>
        <div class="recommend-box">
            <div class="recommend-tips">
                <p>推荐内容</p>
            </div>
            <div class="recommend-cont">
                <ul>
                    <li class="flex" 
                        v-for="(item,index) in recommoned" 
                        :key="index" 
                        @click="toDetailes(item.id)"
                        >
                        <div class="span"></div>
                        <p>{{item.title}}</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    },
    props: ["recommoned"],
    methods: {
        toDetailes(id){
            console.log(id);
            this.$emit("Detailes", id);
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../../assets/css/common/recommend.less);
</style>


